<%-- 
    Document   : index
    Created on : Dec 12, 2014, 2:49:24 PM
    Author     : NgoanTT
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Home</title>
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <link rel="stylesheet" type="text/css" href="css/menu.css" />
        <link rel="stylesheet" type="text/css" href="css/banner_style.css" />
    </head>
    <body>
    <nav class="fixed-nav-bar">
        <div class="name_logo"><h5>Nong Nghiep La Vang</h5></div>
        <div class="login">
            <a href="login.jsp">Login</a>
        </div>
    </nav>
    <div class="photobanner">
        <img class="first" src="images/image-1.jpg" alt="" />
        <img src="images/image-2.jpg" alt="" />
        <img src="images/image-3.jpg" alt="" />
        <img src="images/image-4.jpg" alt="" />
        <img src="images/image-5.jpg" alt="" />
        <img src="images/image-6.jpg" alt="" />
        <img src="images/image-1.jpg" alt="" />
        <img src="images/image-2.jpg" alt="" />
        <img src="images/image-3.jpg" alt="" />
        <img src="images/image-4.jpg" alt="" />
    </div>
    <div id="wrapper">
        <nav>
            <ul id="menu">
                <li><a href="#" class="drop">Trang Chủ</a><!-- Begin trang chủ -->
                    <div class="dropdown_2columns"><!-- Begin 2 columns container -->
                        <div class="col_2">
                            <h2>Welcome !</h2>
                        </div>
                        <div class="col_2">
                            <p>Day la trang web chua day du thong tin ve nong san.</p>
                        </div>
                    </div><!-- End 2 columns container -->
                </li><!-- End trang chủ -->
                <li><a href="#" class="drop">Tin Tức</a><!-- Begin Tin tức -->
                    <div class="dropdown_1column"><!-- Begin 5 columns container -->
                        <div class="col_1">
                            <ul>
                                <li><a href="#">Trong Nước</a></li>
                                <li><a href="#">Quốc Tế</a></li>
                            </ul>
                        </div>
                    </div><!-- End 5 columns container -->

                </li><!-- End tin tức -->
                <li><a href="#" class="drop">Chăm Sóc</a><!-- Begin chăm sóc-->

                    <div class="dropdown_3columns"><!-- Begin 4 columns container -->
                        <div class="col_1">
                            <h3>Trồng Trọt</h3>
                            <ul>
                                <li><a href="#">Cây công nghiệp lâu năm</a></li>
                                <li><a href="#">Cây ăn quả</a></li>
                                <li><a href="#">Cây dược liệu lâu năm</a></li>
                                <li><a href="#">Cây lương thực có hạt</a></li>
                                <li><a href="#">Cây công nghiệp hàng năm</a></li>
                                <li><a href="#">Cây dược liệu hàng năm</a></li>
                                <li><a href="#">Cây thực phẩm và cây rau đậu</a></li>
                            </ul>
                        </div>
                        <div class="col_1">
                            <h3>Chăn Nuôi</h3>
                            <ul>
                                <li><a href="#">Kỹ thuật nuôi gia súc</a></li>
                                <li><a href="#">Kỹ thuật nuôi gia cầm</a></li>
                                <li><a href="#">Động vật khác</a></li>
                            </ul>
                        </div>
                        <div class="col_1">
                            <h3>Thủy Sản</h3>
                            <ul>
                                <li><a href="#">Kỹ thuật nuôi cá nước ngọt</a></li>
                                <li><a href="#">Kỹ thuật nuôi cá nước măn</a></li>
                                <li><a href="#">Kỹ thuật nuôi lương,ếch,baba</a></li>
                                <li><a href="#">Kỹ thuật nuôi tôm</a></li>
                                <li><a href="#">Koại động vật khác</a></li>
                            </ul>
                        </div>
                    </div><!-- End 4 columns container -->
                </li><!-- End chăm sóc -->
                <li><a href="#" class="drop">Giá Sản Phẩm</a>
                    <div class="dropdown_1column">
                        <ul>
                            <li><a href="#">Thức ăn chăn nuôi</a></li>
                            <li><a href="#">Giống vật nuôi</a></li>
                            <li><a href="#">Thuốc thú y</a></li>
                            <li><a href="#">Phân bón</a></li>
                            <li><a href="#">Thuốc trừ sau bệnh</a></li>
                            <li><a href="#">Máy móc kỹ thuật</a></li>
                        </ul>
                    </div>
                </li>
                <!-- begin hỏi đáp-->
                <li>
                    <a href="#" class="drop">Hỏi Đáp</a>
                    <div class="dropdown_4columns align_right">
                        <div class="col_1">
                            <h3>Câu Hỏi</h3>
                            <ul>
                                <li><a href="#">Câu hỏi mới</a></li>
                                <li><a href="#">Câu hỏi xem thường xuyên</a></li>
                                <li><a href="#">Câu hỏi đánh giá cao</a></li>
                            </ul>
                        </div>
                        <div class="col_1">
                            <h3>Tags...</h3>
                            <ul>
                                <li><a href="#">Tag nhiều người xem</a></li>
                                <li><a href="#">Tag nhóm ngành</a></li>
                                <li><a href="#">Tag mới</a></li>
                            </ul>
                        </div>
                        <div class="col_1">
                            <h3>User</h3>
                            <ul>
                                <li><a href="#">Thành viên mới</a></li>
                                <li><a href="#">Người nổi tiếng</a></li>
                                <li><a href="#">Người đánh giá cao</a></li>
                            </ul>
                        </div>
                        <div class="col_1">
                            <h3>Đặt Câu Hỏi</h3>
                            <ul>
                                <li><a href="#">Ghi câu hỏi</a></li>
                            </ul>
                        </div>
                    </div>
                </li>
                <!-- end hỏi đáp -->
                <!-- begin loại bênh -->
                <li>
                    <a href="#" class="drop">Loại Bệnh</a>
                    <div class="dropdown_1column">
                        <ul>
                            <li><a href="#">Bệnh trong trồng trọt</a></li>
                            <li><a href="#">Bệnh trong chăn nuôi</a></li>
                            <li><a href="#">Bênh trong thủy sản</a></li>
                            <li><a href="#">Bệnh mới</a></li>
                            <li><a href="#">Bệnh thường gặp</a></li>
                            <li><a href="#">Bệnh theo mùa</a></li>
                            <li><a href="#">Bệnh nguy hiểm</a></li>
                        </ul>
                    </div>
                </li>
                <!-- end loại bênh -->
            </ul>
        </nav>

        <div id="content">
            <article class="articlecontent">
                <header>
                    <h2>This is the title of your article</h2>
                </header>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin euismod tellus eu orci imperdiet nec rutrum lacus blandit. <a href="#">Cras enim nibh, sodales ultricies elementum vel</a>, fermentum id tellus. Proin metus odio, ultricies eu pharetra dictum, laoreet id odio. Curabitur in odio augue. Morbi congue auctor interdum. Phasellus sit amet metus justo. Phasellus vitae tellus orci, at elementum ipsum. In in quam eget diam adipiscing condimentum. Maecenas gravida diam vitae nisi convallis vulputate quis sit amet nibh. Nullam ut velit tortor. Curabitur ut elit id nisl volutpat consectetur ac ac lorem. Quisque non elit et elit lacinia lobortis nec a velit. Sed ac nisl sed enim consequat porttitor.</p>
                <img src="images/fruit.png" alt="fruit" class="alignleft" /> <p>Pellentesque ut sapien arcu, egestas mollis massa. Fusce lectus leo, fringilla at aliquet sit amet, volutpat non erat. Aenean molestie nibh vitae turpis venenatis vel accumsan nunc tincidunt. Suspendisse id purus vel felis auctor mattis non ac erat. Pellentesque sodales venenatis condimentum. Aliquam sit amet nibh nisi, ut pulvinar est. Sed ullamcorper nisi vel tortor volutpat eleifend. Vestibulum iaculis ullamcorper diam consectetur sagittis. Quisque vitae mauris ut elit semper condimentum varius nec nisl. Nulla tempus porttitor dolor ac eleifend. Proin vitae purus lectus, a hendrerit ipsum. Aliquam mattis lacinia risus in blandit.</p>
            </article>
            <article class="articlecontent">
                <header>
                    <h2>Here's another article title</h2>
                </header>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.</p>
                <img src="images/slicedfruit.png" alt="sliced fruit" class="alignright" /><p>Vivamus vitae nulla dolor. Suspendisse eu lacinia justo. Vestibulum a felis ante, non aliquam leo. Aliquam eleifend, est viverra semper luctus, metus purus commodo elit, a elementum nisi lectus vel magna. Praesent faucibus leo sit amet arcu vehicula sed facilisis eros aliquet. Etiam sodales, enim sit amet mollis vestibulum, ipsum sapien accumsan lectus, eget ultricies arcu velit ut diam. Aenean fermentum luctus nulla, eu malesuada urna consequat in. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque massa lacus, sodales id facilisis ac, lobortis sed arcu. Donec hendrerit fringilla ligula, ac rutrum nulla bibendum id. Cras sapien ligula, tincidunt eget euismod nec, ultricies eu augue. Nulla vitae velit sollicitudin magna mattis eleifend. Nam enim justo, vulputate vitae pretium ac, rutrum at turpis. Aenean id magna neque. Sed rhoncus aliquet viverra.</p>
            </article>
        </div>
        <aside>
            <section>
                <header>
                    <h3>Categories</h3>
                </header>
                <ul>
                    <li><a href="#">Limes</a></li>
                    <li><a href="#">Lemons</a></li>
                    <li><a href="#">Grapefruit</a></li>
                    <li><a href="#">Kiwi</a></li>
                    <li><a href="#">Other Citrus Fruit</a></li>
                </ul>
            </section>
            <section>
                <header>
                    <h3>Sponsors</h3>
                </header>
                <img src="images/ad125.jpg" alt="ad" /> <img src="images/ad125.jpg" alt="ad" />
                <br />
                <img src="images/ad125.jpg" alt="ad" /> <img src="images/ad125.jpg" alt="ad" />
                <br /><br />
            </section>
            <section>
                <header>
                    <h3>Connect With Us</h3>
                </header>
                <ul>
                    <li><a href="#">Twitter</a></li>
                    <li><a href="#">Facebook</a></li>
                    <li><a href="#">Google Buzz</a></li>
                </ul>
            </section>
            <section>
                <header>
                    <h3>Recent Articles</h3>
                </header>
                <ul>
                    <li><a href="#">How To Make Key Lime Pie</a></li>
                    <li><a href="#">Is Citrus Good For Skin Care?</a></li>
                </ul>
            </section>
        </aside>
    </div>
    <footer>
        <section>
            <h3>Left Stuff</h3>
            <p>Left aligned text here. Proin metus odio, ultricies eu pharetra dictum, laoreet id odio. Curabitur in odio augue. Morbi congue auctor interdum. Phasellus sit amet metus justo.</p>
        </section>
        <section>
            <h3>Left Stuff</h3>
            <p>Left aligned text here. Proin metus odio, ultricies eu pharetra dictum, laoreet id odio. Curabitur in odio augue. Morbi congue auctor interdum. Phasellus sit amet metus justo.</p>
        </section>
        <section>
            <h3>Left Stuff</h3>
            <p>Left aligned text here. Proin metus odio, ultricies eu pharetra dictum, laoreet id odio. Curabitur in odio augue. Morbi congue auctor interdum. Phasellus sit amet metus justo.</p>
        </section>
    </footer>
    </body>
</html>


